<template>
	<view class="content">
		<u-button type="primary" text="我是一个按钮"></u-button>
		<!-- #ifdef H5  -->
		<view>h5 主页</view>
		<!-- #endif -->
		<!-- #ifdef MP-WEIXIN -->
		<view>微信小程序 主页</view>
		<!-- #endif -->
		<view class="title">
			多终端样式
			h5-黄色背景
			小程序-蓝色背景
		</view>
		<view>

			{{msg}}
		</view>
	</view>
</template>

<script>
	/**
	 * 生命周期 
	 *    uniapp中 可以使用vue的生命周期  也可以使用小程序的生命周期
	 *             推荐使用小程序的生命周期 
	 * 小程序的生命周期 
	 *    onLoad
	 * 、 onReady
	 *    onShow
	 *    onHide
	 *    
	 */
	export default {
		data() {
			return {
				title: 'Hello',
				msg: ""
			}
		},
		onLoad() {
			// #ifdef H5
			this.msg = "我是h5"
			// #endif
			// #ifdef MP-WEIXIN 
			this.msg = "我是小程序"
			// #endif
		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		methods: {

		}
	}
</script>

<style scoped>
	.title {
		/* #ifdef H5  */
		background-color: yellow;
		/* #endif */
		/* #ifdef MP-WEIXIN  */
		background-color: blue;
		/* #endif */
	}
</style>